<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品详情</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="../libs/mui/mui.css"/>
		<link rel="stylesheet" href="../css/mui.min.css"/>
		<link rel="stylesheet" href="../libs/iconfont/fonts/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/main.css"/>
		<style>
			.mui-content{font-size: 16px;}	
			.mui-btn-blue, .mui-btn-primary, input[type=submit]{background: #338efc;border: none;padding: 1px 6px;font-size: 12px;}		
			/*详情*/
			.prize .mui-table-view:after,.prize .mui-table-view:before{height: 0;}						
			.detail p{padding: 5px 0;}
			.detail .mui-table-view:nth-child(2):after{height: 0;}					
			/*底部*/
			.mui-bar-tab .mui-tab-item.mui-active{color: #e3393c !important;}			
			.mui-bar-tab div a:nth-child(1){display: block;text-align: center;line-height: 30px;height: 50px;background: white;}
			.mui-bar-tab div a:nth-child(1) h5{margin: 0;}			
			.mui-bar-tab div:nth-child(2) span{background: #2875f5;color: white;line-height: 30px;}
			.wid30{font-size: 17px;width: 100%;display: inline-block;padding: 12px 0;text-align: center;height: 50px;}							
		  	/*商品*/		 
		  	#Details img{width: 100%;height: 100%;}
			.mui-table-view.mui-grid-view .mui-table-view-cell {width: 100%;text-align: left;padding: 11px 15px;}
			.detal{width: 100%;padding: 11px 0px;background: white;overflow: hidden;}
			.detal h5{color: black;font-size: 16px;padding: 0px 15px;}								  				
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">详情</h1>
			<a href="#picture" class="mui-pull-right mui-icon">
		    	<i class="iconfont Siez1">&#xe612;</i>
		    </a>
		</header>
		<nav class="mui-bar mui-bar-tab">
			<div class="mui-col-xs-5 mui-pull-left">
				<a class="tel">
					<i class="iconfont Siez2">&#xe611;</i>
					<h5>客服</h5>
				</a>
			</div>
			<div  class="mui-col-xs-7 mui-pull-left">
				<a class="goumai">
					<span class="wid30" data-goods_id="">立即购买</span>
				</a>
			</div>
		</nav>	
		<div class="mui-content">
			<div class="advertising">
        		<img class="pic" src="../public/img/19.jpg"/>
        	</div>			
			<div class="prize">					
				<ul class="mui-table-view" >
					<li class="mui-table-view-cell">						
						<div class="mui-ellipsis-2">							
							<span class="title"></span><button type="button" class="mui-btn mui-btn-blue"></button>							
						</div>
					</li>
				</ul>
				<ul class="mui-table-view mui-grid-view">
					<li class="mui-table-view-cell">
						<b class="red"></b>	
						<span class="mui-pull-right mui-h5"></span>
					</li>					
				</ul>
			</div>	
			<ul class="mui-table-view">
				<li class="mui-table-view-cell" onclick="openNewPage('goods_evaluation.html')">
					<a class="mui-navigate-right">
						<span class="evaluate"></span>
					</a>
				</li>					
			</ul>
			<div id="Details">
				<ul class="mui-table-view mui-grid-view">
					<li class="mui-table-view-cell">
						<div class="Horizontal"></div>
						<span>景点介绍</span>
					</li>	
					<li class="mui-table-view-cell">												
						<div class="shop"></div>
					</li>
				</ul>
			</div>			
		</div>	
		<!--分享-->
		<div id="picture" class="brand-share mui-popover mui-popover-action mui-popover-bottom" style="height: 100px;">
			<ul class="background table-view">
				<li><i class="iconfont lvs weixin">&#xe609;</i>
					<span>微信</span>
				</li>
				<li><i class="iconfont ify4 qq">&#xe658;</i>
					<span>QQ好友</span>
				</li>
				<li><i class="iconfont lvs friends">&#xe65f;</i>
					<span>朋友圈</span>
				</li>
				<li><i class="iconfont ify3 micro-blog">&#xe661;</i>
					<span>微博</span>
				</li>
			</ul>			
		</div>
		<div class="alert-back"></div>
		<script src="../js/mui.js"></script>
		<script src="../js/open.js"></script>
		<script src="../libs/jquery/jquery.js"></script>
		<script type="text/javascript" src="../js/web_js/public.js"></script>
		<script type="text/javascript" src="../js/web_js/Travel_details.js"></script>
		<script src="../js/web_js/share.js"></script>
		<script type="text/javascript">
//			立即购买
//			$(".goumai").on("tap",function(){
//				openNewPage('Travel_goods.html')
//			})
//			客服商家
//			$(".tel").on("tap",function(){
//				openNewPage('Chat.html')
//			})
			var width = $(window).innerWidth();	
			$('.advertising img').css('hieght',width); 
			$('.advertising').css('hieght',width);
		</script>
		
	</body>
</html>